<template>
  <view class="wrap">
     <top-tab tabTitle="交易详情" @backClick="backClick" backColor="#5B2177"/>
		 <view class="main">
			<view class="deal_detail-list">
				<view class="item-wrap-box">
					<view class="bankcard-money">
						<view class="title">银行卡</view>
						<view class="money">￥100</view>
					</view>
					<view class="item-left-title">
						<view class="title">申请提现时间</view>
						<view class="money">2021-9-1 16:56</view>
					</view>
					<view class="item-left-title">
						<view class="title">提现金额</view>
						<view class="money">￥1000.00</view>
					</view>
					<view class="item-left-title">
						<view class="title">手续费</view>
						<view class="money">￥7.00</view>
					</view>
					<view class="item-left-title">
						<view class="title">到账时间</view>
						<view class="money">2021-9-1 16:56</view>
					</view>
					<view class="item-left-title">
						<view class="title">交易流水号</view>
						<view class="money">5484148515365465656</view>
					</view>
					<view class="item-left-title">
						<view class="title">提现状态</view>
						<view class="money" style="color: #079200;">已到账</view>
					</view>
				</view>
			</view>
		 </view>
  </view>
</template>

<script>
	import topTab from '@/components/top-tabbar.vue'
  export default {
		components: { topTab },
    data() {
      return {}
    },
  onShow() {},
  methods: {
		// 返回上一页
		backClick() {
			uni.switchTab({
					url: '/pages/my/index'
			});
		}
	}
}
</script>

<style lang="scss" scoped>
	.wrap{
		background: #F2F2F2;
		height: 100vh;
		.main{
			padding: 27rpx;
			.deal_detail-list{
				.item-wrap-box{
					width: 100%;
					// height: 408rpx;
					background: #FFFFFF;
					border-radius: 8px;
					padding: 0 20rpx;
					box-sizing: border-box;
					.bankcard-money{
						display: flex;
						align-items: center;
						justify-content: space-between;
						padding: 24rpx 0;
						border-bottom: 1rpx solid  #EDEDED;
						margin-bottom: 25rpx;
						.title{
							font-size: 28rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #333333;
						}
						.money{
							font-size: 28rpx;
							font-family: PingFang SC;
							font-weight: 500;
							color: #DB1121;
						}
					}
					.item-left-title{
						display: flex;
						align-items: center;
						justify-content: space-between;
						font-size: 24rpx;
						color: #999999;
						padding-bottom: 25rpx;
					}
				}
			}
		}
	}
</style>
